* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
ul {
  list-style-type: none;
}
html,
body {
  background-color: #f5f5f5;
  width: 100%;
  height: 100%;
}
html .body .header,
body .body .header {
  background-color: #fff;
  text-align: center;
  height: 1.173333333333333rem;
  line-height: 1.173333333333333rem;
}
html .body .header:after,
body .body .header:after {
  content: '';
  display: block;
  clear: both;
}
html .body .header .return-icon-a,
body .body .header .return-icon-a {
  float: left;
  display: inline-block;
  padding: 0.133333333333333rem 0 0 0.133333333333333rem;
}
html .body .header .return-icon-a .return-icon,
body .body .header .return-icon-a .return-icon {
  width: 0.533333333333333rem;
  display: inline-block;
}
html .body .header .header-title,
body .body .header .header-title {
  font-size: 0.48rem;
  display: inline-block;
}
html .body .header .add-attention-a,
body .body .header .add-attention-a {
  float: right;
  padding-right: 0.133333333333333rem;
  color: #999;
}
html .body .header .add-attention-a .add-attention,
body .body .header .add-attention-a .add-attention {
  font-size: 0.4rem;
}
html .body .content .nav,
body .body .content .nav {
  margin-top: 0.133333333333333rem;
}
html .body .content .nav .nav-title,
body .body .content .nav .nav-title {
  padding-left: 0.453333333333333rem;
  height: 1.066666666666667rem;
  line-height: 1.066666666666667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}
html .body .content .nav .nav-title .nav-img-span,
body .body .content .nav .nav-title .nav-img-span {
  display: flex;
  align-items: center;
}
html .body .content .nav .nav-title .nav-img-span .nav-img,
body .body .content .nav .nav-title .nav-img-span .nav-img {
  width: 0.666666666666667rem;
  display: inline-block;
  border-radius: 50%;
}
html .body .content .nav .nav-title .nav-img-span span,
body .body .content .nav .nav-title .nav-img-span span {
  font-size: 0.48rem;
  padding-left: 0.133333333333333rem;
}
html .body .content .nav .nav-title .nav-more,
body .body .content .nav .nav-title .nav-more {
  width: 0.533333333333333rem;
  height: 0.533333333333333rem;
  margin-right: 0.133333333333333rem;
}
html .body .content .nav .nav-ul,
body .body .content .nav .nav-ul {
  padding: 0.32px 0;
  margin-top: 0.026666666666667rem;
  background-color: #fff;
}
html .body .content .nav .nav-ul:after,
body .body .content .nav .nav-ul:after {
  content: '';
  display: block;
  clear: both;
}
html .body .content .nav .nav-ul li,
body .body .content .nav .nav-ul li {
  width: 33.3%;
  float: left;
  text-align: center;
  padding: 0.186666666666667rem 0;
  font-size: 0.4rem;
  color: #333;
  position: relative;
}
html .body .content .stock,
body .body .content .stock {
  margin-top: 0.133333333333333rem;
}
html .body .content .stock .stock-title,
body .body .content .stock .stock-title {
  padding-left: 0.453333333333333rem;
  height: 1.066666666666667rem;
  line-height: 1.066666666666667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}
html .body .content .stock .stock-title .stock-img-span,
body .body .content .stock .stock-title .stock-img-span {
  display: flex;
  align-items: center;
}
html .body .content .stock .stock-title .stock-img-span .stock-img,
body .body .content .stock .stock-title .stock-img-span .stock-img {
  width: 0.666666666666667rem;
  display: inline-block;
  border-radius: 50%;
}
html .body .content .stock .stock-title .stock-img-span span,
body .body .content .stock .stock-title .stock-img-span span {
  font-size: 0.48rem;
  padding-left: 0.133333333333333rem;
}
html .body .content .stock .stock-title .stock-more,
body .body .content .stock .stock-title .stock-more {
  width: 0.533333333333333rem;
  height: 0.533333333333333rem;
  margin-right: 0.133333333333333rem;
}
html .body .content .stock .stock-content,
body .body .content .stock .stock-content {
  background-color: #fff;
  text-align: center;
  margin-top: 0.026666666666667rem;
  padding: 0.4rem 0 0.56rem;
  color: #999;
}
html .body .content .stock .stock-content p,
body .body .content .stock .stock-content p {
  font-size: 0.4rem;
}
html .body .content .stock .stock-content a,
body .body .content .stock .stock-content a {
  width: 4.293333333333333rem;
  height: 1rem;
  line-height: 1rem;
  border: 1px solid #999;
  display: inline-block;
  color: #333;
  font-size: 0.42rem;
  font-weight: 400;
  margin-top: 0.506666666666667rem;
}
html .body .content .lottery,
body .body .content .lottery {
  margin-top: 0.133333333333333rem;
}
html .body .content .lottery .lottery-title,
body .body .content .lottery .lottery-title {
  padding-left: 0.453333333333333rem;
  height: 1.066666666666667rem;
  line-height: 1.066666666666667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}
html .body .content .lottery .lottery-title .lottery-img-span,
body .body .content .lottery .lottery-title .lottery-img-span {
  display: flex;
  align-items: center;
}
html .body .content .lottery .lottery-title .lottery-img-span .lottery-img,
body .body .content .lottery .lottery-title .lottery-img-span .lottery-img {
  width: 0.666666666666667rem;
  display: inline-block;
  border-radius: 50%;
}
html .body .content .lottery .lottery-title .lottery-img-span span,
body .body .content .lottery .lottery-title .lottery-img-span span {
  font-size: 0.48rem;
  padding-left: 0.133333333333333rem;
}
html .body .content .lottery .lottery-title .lottery-more,
body .body .content .lottery .lottery-title .lottery-more {
  width: 0.533333333333333rem;
  height: 0.533333333333333rem;
  margin-right: 0.133333333333333rem;
}
html .body .content .lottery .lottery-content,
body .body .content .lottery .lottery-content {
  background-color: #fff;
  text-align: center;
  margin-top: 0.026666666666667rem;
  padding: 0.373333333333333rem 0 0.586666666666667rem;
  color: #999;
}
html .body .content .lottery .lottery-content p,
body .body .content .lottery .lottery-content p {
  font-size: 0.4rem;
}
html .body .content .lottery .lottery-content a,
body .body .content .lottery .lottery-content a {
  width: 4.293333333333333rem;
  height: 1rem;
  line-height: 1rem;
  border: 1px solid #999;
  display: inline-block;
  color: #333;
  font-size: 0.42rem;
  font-weight: 400;
  margin-top: 0.506666666666667rem;
}
html .body .footer,
body .body .footer {
  margin-top: 2rem;
  padding-bottom: 0.5rem;
  color: #999;
  font-size: 0.32rem;
  text-align: center;
  bottom: 0.266666666666667rem;
}
html .body .footer .footer-text .hot-img,
body .body .footer .footer-text .hot-img {
  display: inline-block;
  width: 0.426666666666667rem;
  height: 0.266666666666667rem;
}
